<template>
	<view class="content">
		<view class="fa_top">
			<text>{{text}}</text>
			<p>{{text1}}</p>
			<p>{{num}}</p>
		</view>
		<ul class="fa_list flex">
			<li v-for="(item,index) in list" class="li flex">
				<view class="fa_list_left">
					<h1>{{item.title}}</h1>
					<p>{{item.title1}}</p>
				</view>
				<view class="fa_list_right">
					<image :src="item.src" mode="" class="img"></image>
				</view>
			</li>
		</ul>
		<view class="fa_bottom">
			<p>{{title}}</p>
			<p>{{title1}}</p>
			<p>{{title2}}</p>
			<p>{{title3}}</p>
			<p>{{title4}}</p>
			<p>{{title5}}</p>
			<p>{{title6}}</p>
			<b>{{phone}}</b>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				text:'开票记录',
				text1:'可开发票总额',
				num:'￥0.00',
				list:[
					{id:'1',src:'/static/images/fapiao_03.gif',title:'团油开票',title1:'支持电子发票'},
					{id:'2',src:'/static/images/fapiao_05.gif',title:'服务费开票'}
				],
				title:'订单的开票方为“团油开票”的，可通过【团油开票】入口进入申请开票。',
				title1:'订单的开票方为“油站开票”的，可向加油站前台索取发票。',
				title2:'若订单收取了服务费，可通过【服务费开票】入口2进入申请开票。',
				title3:'若订单中使用了购买的优惠券包中的优惠券，该优惠券可以通过【优惠券开票】入口申请开票。',
				title4:'仅支持线上开具增值税普通发票(电子发票）。',
				title5:'如在使用中有任何疑间请联系客服，',
				title6:'了解更多详情请参阅开票规则。',
				phone:'客服电话:400-0835-999'
			}
		}
	}
</script>

<style lang="scss">
	$color1:#f2f4f8;
	// page{background-color: $color1;}
	$color2:#4c4c4c;
	$border-radius:20rpx;
	.flex{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;align-items: center;}
	.fa_top{padding: 20rpx;}
	.fa_top  text{float: right;}
	.fa_top p{text-align: center;line-height: 50rpx;width: 30%;margin: 25rpx auto 0rpx;box-sizing: border-box;}
	.img{display: block;width:100rpx;height: 100rpx;}
	.fa_list {width: 95%;margin: 0 auto;}
	.fa_list .li{width: 48%;border-radius: 10rpx;padding: 20rpx 10rpx;box-sizing: border-box;background-color: #fef5f0;}
	.fa_list_left{width:60%}
	.fa_list_left h1{font-size: 30rpx;font-weight: bold;margin-bottom: 10rpx;}
	.fa_list_left p{font-size: 25rpx;color: $color2;}
	.fa_bottom{padding: 20rpx;}
	.fa_bottom p{line-height: 50rpx;color: #aaa8a9;margin: 20rpx 0rpx;}
	 .fa_bottom b{color: #000;display: block;width: 50%;margin: 10rpx auto;line-height: 50rpx;}
</style>